<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>个人页面全部订单</title>
  <link rel="stylesheet" href="css/framework7.ios.min.css">
  <link rel="stylesheet" href="css/framework7.ios.colors.min.css">
  <link rel="stylesheet" href="css/app-main.css">
</head>

<body>
  <div class="view-main">
    <div class="main">
      <div class="main-title">

        <div class="exit" onclick='javascript:history.back(-1)' ;>
          <img src="./img/exit.png" alt="">
        </div>
        <p>全部订单</p>
      </div>
      <div id="dingdan1" class="shop jinrong-shop geren show">
        <a class="external" href="#">
          <div class="shop-box">
            <div class="shop-top">
              <div class="shop-left">
                <img src="./img/img-1.png" alt="">
              </div>
              <div class="shop-right">
                <h2>及贷-闪电下款</h2>

                <br>
                <span>2017-8-9 </span>
                <span>10:07:56</span>
                <img class="icon-right" src="./img/icon-right.png" alt="">
              </div>
            </div>
            <div class="text">
              <p>查看详情 <img src="./img/icon-right.png" alt=""></p>
            </div>
          </div>
        </a>

        <a class="external" href="#">
          <div class="shop-box">
            <div class="shop-top">
              <div class="shop-left">
                <img src="./img/img-1.png" alt="">
              </div>
              <div class="shop-right">
                <h2>及贷-闪电下款</h2>

                <br>
                <span>2017-8-9 </span>
                <span>10:07:56</span>
                <img class="icon-right" src="./img/icon-right.png" alt="">
              </div>
            </div>
            <div class="text">
              <p>查看详情 <img src="./img/icon-right.png" alt=""></p>
            </div>
          </div>
        </a>
        <a class="external" href="#">
          <div class="shop-box">
            <div class="shop-top">
              <div class="shop-left">
                <img src="./img/img-1.png" alt="">
              </div>
              <div class="shop-right">
                <h2>及贷-闪电下款</h2>
                <br>
                <span>2017-8-9 </span>
                <span>10:07:56</span>
                <img class="icon-right" src="./img/icon-right.png" alt="">
              </div>
            </div>
            <div class="text">
              <p>查看详情 <img src="./img/icon-right.png" alt=""></p>
            </div>
          </div>
        </a>

      </div>

      <div id="dingdan2" class="shop jinrong-shop geren ">
        <a class="external" href="#">
          <div class="shop-box">
            <div class="shop-top">
              <div class="shop-left">
                <img src="./img/img-1.png" alt="">
              </div>
              <div class="shop-right">
                <h2>及贷-闪电下款</h2>

                <br>
                <span>2017-8-9 </span>
                <span>10:07:56</span>
                <img class="icon-right" src="./img/icon-right.png" alt="">
              </div>
            </div>
            <div class="text2 row">
              <div class="col-50">
                <span>借款人：刘德华</span>
                <span>借款金额：1000</span>
                <span>贷款状态：已通过</span>
              </div>
              <div class="col-50">
                <span>手续费率：1.5%</span>
                <span>手续费用：15</span>
                <span>总费用：1015</span>
              </div>
            </div>
          </div>
        </a>
      </div>
      <div id="dingdan4" class="shop jinrong-shop geren ">
        <a class="external" href="#">
          <div class="shop2 shop-car">
            <div class="shop-box">
              <div class="shop-top row">
                <div class="shop-left col-25">
                  <img src="./img/car.png" alt="">
                </div>
                <div class="shop-right col-75">
                  <h2>奥迪A6L 2015款 TFSI 百万纪念智领型</h2>
                  <p>行驶距离：<span>2.7万公里</span></p>
                  <p>首次上牌：<span>2016年</span></p>
                  <p>卖家信息：<span>商家</span></p>
                  <b>31.98万</b>
                </div>
                <div>

                </div>
              </div>
              <div class="car-jindu">
                <img src="./img/car-jindu1.png" alt="">
                <div class="jindu-text row">
                  <span class="col-25">交付定金</span>
                  <span class="col-25">结算尾款</span>
                  <span class="col-25">复检过户</span>
                  <span class="col-25">完成交易</span>
                </div>
                <div class="jindu-text2 row">
                  <span class="col-30">交定金：2000</span>
                  <span class="col-30">剩余尾款：299800</span>
                  <span class="col-30">付款完成</span>
                </div>

              </div>

            </div>
          </div>
        </a>
      </div>
      <div id="dingdan3" class="shop jinrong-shop geren ">
        <div class="shop-box credit-box">
          <a class="external" href="./信用卡代还详情.html">
            <div class="shop-top row">
              <div class="shop-left col-33">
                <img src="./img/yinhangka.png" alt="">
              </div>
              <div class="shop-right col-66">
                <h2>交通银行Y-POWER卡黑卡</h2>
                <p>取现额度:<span>信用额度100%</span></p>
                <p>免息期：<span> 最短25天，最长55天</span></p>
                <p>发卡组织：<span> 银联</span></p>
              </div>
            </div>
            <div class="shanghu">
              <div class="row">
                <div class="col-20">
                  <img class="person" src="./img/moren-img.png" alt="">
                </div>
                <div class="col-80">
                  <h2>发布商户：<span>李建国</span></h2>
                  <p>招商银行信用卡业务员</p>
                  <img class="star" src="./img/star-4.png" alt="">
                </div>
              </div>
              <img class="icon-right" src="./img/icon-right.png" alt="">
            </div>
          </a>
        </div>
        <div class="shop-box credit-box">
          <a class="external" href="./信用卡代还详情.html">
            <div class="shop-top row">
              <div class="shop-left col-33">
                <img src="./img/yinhangka.png" alt="">
              </div>
              <div class="shop-right col-66">
                <h2>交通银行Y-POWER卡黑卡</h2>
                <p>取现额度:<span>信用额度100%</span></p>
                <p>免息期：<span> 最短25天，最长55天</span></p>
                <p>发卡组织：<span> 银联</span></p>
              </div>
            </div>
            <div class="shanghu">
              <div class="row">
                <div class="col-20">
                  <img class="person" src="./img/moren-img.png" alt="">
                </div>
                <div class="col-80">
                  <h2>发布商户：<span>李建国</span></h2>
                  <p>招商银行信用卡业务员</p>
                  <img class="star" src="./img/star-4.png" alt="">
                </div>
              </div>
              <img class="icon-right" src="./img/icon-right.png" alt="">
            </div>
          </a>
        </div>
      </div>
      <div class="geren-footer">
        <div class="row">
          <span class="dingdan1 col-25 active">金融通</span>
          <span class="dingdan2 col-25">信用卡代还</span>
          <span class="dingdan3 col-25">信用卡代办</span>
          <span class="dingdan4 col-25">二手车</span>
        </div>
      </div>
    </div>
    <script src="./js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/framework7.min.js"></script>
    <script type="text/javascript" src="js/my-app.js"></script>
</body>

</html>